<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>赛亚星的星球</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
<!-- 头部导航 -->
<header>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-logo">
                    <!--<img src="images/github-button.png" class="w70 h70 mt5" alt="">-->
                    <span class="f18 pr c-fff">yext blog</span>
                </a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown"><a href="templates/personal.html" class="f14"><i class="glyphicon glyphicon-sunglasses mr5"></i>关于我</a></li>
                    <li class="dropdown"><a href="" class="f14"><i class="glyphicon glyphicon-road mr5"></i>游戏天梯</a></li>
                    <li class="dropdown"><a href="" class="f14"><img src="images/dota_on.png" alt="" class="b">dota2</a></li>
                    <li class="dropdown"><a href="" class="f14"><i class="glyphicon glyphicon-send mr5"></i>code模块</a></li>
                    <li><div class="myhome"><a href="javascript:;"><img src="http://www.jq22.com/tx/18.png" alt=""></a></div></li>
                </ul>
            </div>
        </div>
    </nav>
</header>
<section>
    <div class="container-fluid" id="content" style="min-height: 325px;">
        <div class="title_index">
            <span></span>
            <h3>
                <a href="../index.html">Hmoe </a>/Message
            </h3>
        </div>
        <div class="row p15">
            <div class="message col-md-7 bg-fff mr5">
                <div class="title_index">
                    <h3 class="ml20" style="width: 180px">
                        <a href="javaScript:;">留言</a>
                    </h3>
                </div>
                <div class="js_comment well">
                    <div class="row">
                        <div class="col-md-2 col-xs-3"><img class="br50" style="width: 60px;height: 60px" src="../images/medium.jpg" alt=""></div>
                        <div class="col-md-8 col-xs-9 bdb">
                            <p>刘德华  2017-09-07 11:23:41</p>
                            <p>我的留言我的留言我的留言我的留言我的留言我的留言我的留言我的留言我的留言</p>
                        </div>
                    </div>
                    <div class="col-md-offset-2 col-xs-offset-3">
                        <span class="c-ea7716">我：</span>回复回复
                    </div>
                    <div class="col-md-offset-2 col-xs-offset-3">
                        <span class="c-ea7716">刘德华：</span>留言留言
                    </div>
                </div>

                <div class="js_comment well">
                    <div class="row">
                        <div class="col-md-2 col-xs-3"><img class="br50" style="width: 60px;height: 60px" src="../images/medium.jpg" alt=""></div>
                        <div class="col-md-8 col-xs-9 bdb">
                            <p>刘德华  2017-09-07 11:23:41</p>
                            <p>我的留言我的留言我的留言我的留言我的留言我的留言我的留言我的留言我的留言</p>
                        </div>
                    </div>
                    <div class="col-md-offset-2 col-xs-offset-3">
                        <span class="c-ea7716">我：</span>回复回复
                    </div>
                    <div class="col-md-offset-2 col-xs-offset-3">
                        <span class="c-ea7716">刘德华：</span>留言留言
                    </div>
                </div>

                <div class="js_comment well">
                    <div class="row">
                        <div class="col-md-2 col-xs-3"><img class="br50" style="width: 60px;height: 60px" src="../images/medium.jpg" alt=""></div>
                        <div class="col-md-8 col-xs-9 bdb">
                            <p>刘德华  2017-09-07 11:23:41</p>
                            <p>我的留言我的留言我的留言我的留言我的留言我的留言我的留言我的留言我的留言</p>
                        </div>
                    </div>
                    <div class="col-md-offset-2 col-xs-offset-3">
                        <span class="c-ea7716">我：</span>回复回复
                    </div>
                    <div class="col-md-offset-2 col-xs-offset-3">
                        <span class="c-ea7716">刘德华：</span>留言留言
                    </div>
                </div>
            </div>
            <div class="comment text-center col-md-4">
                <h3 class="mt10">发表评论或留言</h3>
                <p>评论一下吧，我需要你的支持与鼓励！</p>
                <form action="">
                    <div class="input-group input-group-lg col-md-8">
                        <span class="input-group-addon username" id=username"></span>
                        <input type="text" class="form-control" placeholder="Username" aria-describedby="username">
                    </div>
                    <div class="mt10">
                        <textarea class="form-control" rows="4" placeholder="评论"></textarea>
                    </div>
                    <h4 class="text-left">联系方式</h4>
                    <p class="text-left">这里不填也可以。Email 地址不会被公开,“网站”可填入你的个人网站、微博或者留下微信号嚄。</p>
                    <div class="input-group input-group-lg col-md-12">
                        <span class="input-group-addon email" id="email"></span>
                        <input type="text" class="form-control" placeholder="Email" aria-describedby="email">
                    </div>
                    <div class="input-group input-group-lg col-md-12 mt10">
                        <span class="input-group-addon url"></span>
                        <input type="text" class="form-control" placeholder="http://">
                    </div>
                    <a href="#" class="btn btn-default btn-lg mt10" role="button">submit</a>
                </form>
            </div>
        </div>
    </div>
</section>
<footer>
    <div id="bottom">
        <div class="row">
            <div class="col-md-2 col-md-offset-1 col-xs-11">
                <h3 class="link_h3">Link</h3>
                <ul>
                    <li><a href="javaScript:;">大事记</a></li>
                    <li><a href="javaScript:;">我的网址link</a></li>
                    <li><a href="javaScript:;">dota2动态</a></li>
                    <li><a href="javaScript:;">大事记</a></li>
                    <li><a href="javaScript:;">开源中国</a></li>
                    <li><a href="javaScript:;">斗鱼</a></li>
                </ul>
            </div>
            <div class="col-md-3 col-md-offset-1 col-xs-11">
                <h3 class="link_h3">Copy</h3>
                <p class="ml20">本站部分文章、资源来自互联网，版权归原作者及网站所有，如果侵犯了您的权利，请及时致信告知我站.</p>
            </div>
            <div class="col-md-3 col-md-offset-1 col-xs-11">
                <h3 class="link_h3">About</h3>
                <p class="ml20"><a href="javaScript:;">给我留言</a></p>
                <p class="ml20"><a href="javaScript:;">我的微信</a></p>
                <p class="ml20"><img style="width: 150px;height: 150px;" src="../images/weixin.png" alt=""></p>
            </div>
        </div>
    </div>
</footer>
<script src="../js/jquery-2.1.0.min.js"></script>
<script src="../js/bootstrap.js"></script>
</body>
<script>
    $(function(){

    });
</script>
</html>